.headlines{
    .headerTop{
        height: 1rem;
        line-height: 1rem;
        font-size: 0.5rem;
        color:#000;
        font-weight: 700;
        text-align: center;
        border-bottom: solid 0.03rem #ccc;
    }
    .articleTab{
        display: flex;
        border-bottom: 0.01rem solid #ddd;
        .tabItem{
            height: 1rem;
            line-height: 1rem;
            text-align: center;
            flex: 1;
            font-size: 0.3rem;
            color: #ccc;
        }
        .active{
            border-bottom: solid 0.03rem red;
            color:black
        }
    }
    
    .tabItemContent{
        .hidden{
            display: none;
        }
        .goodsListItem {
            font-size: 0.3rem;
            height:3rem;
            border-bottom: 0.02rem solid #ddd;
            display: flex;
            padding: 0.1rem;
            align-items: center;
            .listItemLeft {
              flex: 1;
              img {
                height: 2.6rem;
                width: 2.6rem;
              }
            }
      
            .listItemRight {
              padding: 0.1rem;
              display: flex;
              flex: 3;
              flex-direction: column;
              height: 3rem;
              justify-content: space-between;
              align-items: flex-start;
              .itemRightTop {
                display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
              }
      
              .itemRightBottom {
                color: red;
              }
            }
          }
    }
}